<extend name="common/base" />
<block name="resource">
   <link href="__ASSET__/Home/v4/src/css/home.css" rel="stylesheet">
   <link href="__ASSET__/Home/v4/src/css/explore.css" rel="stylesheet">
   <link href="__ASSET__/Home/v4/src/css/user-center.css" rel="stylesheet">
   <link href="__ASSET__/Home/v4/src/css/favourVideo.css" rel="stylesheet">
   <style>
     .mine a{
           border-right:none;
     }
     .del-btn-race{
         top:0;
     }
   </style>
</block>
<block name="content">
          <!--中间位置-->
    <div class="main container">
           <notempty name="favours">
                <div class="user-center-main white-bg gray-border marginb20">
             <else />
                 <div class="user-center-main white-bg gray-border marginb20">
           </notempty>
            <!--左边板块-->
            <include file="Ucenter/baseinfo" />
            <!--右边板块-->
            <div class="user-main-right">
                   <div class="scroll_area">
                     <div class="right_area_title">
                          <div class="left l_title">我的收藏</div>
                          <div class="right l_right">
                                <ul>
                                    <li><a  href="favour-video">视频</a></li>
                                    <li><a  href="favour-match" class="active">比赛</a></li>
                                </ul>
                          </div>
                     </div>
                     <notempty name="favours">
                     <!-- 显示收藏的比赛 -->
                     <div class="content_area">
                         <ul class="content_area_ul">
                            <volist name="favours" id="date">
                            <li>
                                <div class="time relative">
                                    <span class="icon absolute"></span>
                                    <span class="time_formate relative"><i></i>{$date[0].favour_month}</span>
                                </div>
                                <div class="team_con">
                                    <ul>
                                        <volist name="date" id="race">
                                            <include file="Ucenter/favourRaceTemplate" />
                                        </volist>
                                    </ul>
                                </div>
                            </li>
                            </volist>
                         </ul>
                          <div class="page">
                                  <ul>
                                  </ul>
                          </div>
                          <div class="load-more" style="display:none;">
                             <i><img src="__ASSET__/Home/v4/src/images/loading-white.gif" alt="正在加载，请稍候..."/></i>
                             <span>正在加载，请稍候...</span>
                          </div>
                     </div>
                     <else />
                     <!-- 收藏为空显示 -->
                     <div class="empty_favour" style="margin-top:240px;">
                            <div class="empty_favour_icon"></div>
                            <p  class="is_favour">暂时还没有收藏</p>
                     </div>
                     </notempty>
                </div>
            </div>
        </div>
    </div>
</block>
<block name="component">
    <script src="__ASSET__/Home/v4/dist/js/set_common_bg.js?v=1.0"></script>
    <script src="__ASSET__/Home/v4/dist/js/favourCommon.js?v=1.0"></script>
    <script type="text/javascript">
        window._THIS = {
            list_url: '/favour-match',
            p: {$p},
            pager: {$pager},
            total: {$total},
            type:1,
            unfavour: '/favour/undo',
        };
      $('.js-tab-favour').addClass('active');
      $(function(){
           tool.setHeight();
           //预加载图片
           $("img.lazy").lazyload({
                effect: "fadeIn",
                threshold :180,
                container:'.user-main-right'
                // event: "scrollstop"
            })
           
           
      })
    </script>
</block>